<template>
    <!--审批意见列表-->
    <div id="opinions">
        <div v-for="item in opinions" :key="item.id">
            <div class="opinionsTitle">
                <span>[ {{item.nodename}} ]</span>
                <span>[ {{item.opusername}} ]</span>
                <span>[ {{item.optime}} ]</span>
            </div>
            <div class="opinionsInfor">
                <Form :label-width="180" label-position="left">
                    <!--入户调查-->
                    <div v-if="item.tpbl0001=='02'&&(!item.tpbl0006&&!item.tpbl0007)">
                        <Row>
                            <i-col span="12">
                                <Form-item label="入户调查日期： ">
                                    {{item.tpbl0010}}
                                </Form-item>
                            </i-col>
                            <i-col span="12">
                                <Form-item label="入户调查负责人:">
                                    {{item.tpbl0011}}
                                </Form-item>
                            </i-col>
                        </Row>
                        <Row>
                            <i-col span="12">
                                <Form-item label="入户调查人员(两人以上)： ">
                                    {{item.tpbl0005}}
                                </Form-item>
                            </i-col>
                            <i-col span="12">
                                <Form-item label="是否与申请材料一致，或是否发生变化：  ">
                                    {{item.tpbl0003_name}}
                                </Form-item>
                            </i-col>
                        </Row>
                        <Row>
                            <i-col span="12">
                                <Form-item label="家庭基本经济状况：  ">
                                    {{item.tpbl0002}}
                                </Form-item>
                            </i-col>
                            <i-col span="12">
                                <Form-item label="变化情况说明： ">
                                    {{item.tpbl0004}}
                                </Form-item>
                            </i-col>
                        </Row>
                    </div>
                    <!--民主评议-->
                    <div v-if="item.tpbl0001=='03'&&(!item.tpbl0006&&!item.tpbl0007)">
                        <Row>
                            <i-col span="12">
                                <Form-item label="评议日期： ">
                                    {{item.tpbl0015}}
                                </Form-item>
                            </i-col>
                            <i-col span="12">
                                <Form-item label="评议负责人:">
                                    {{item.tpbl0016}}
                                </Form-item>
                            </i-col>
                        </Row>
                        <Row>
                            <i-col span="24">
                                <Form-item label="评议现场意见： ">
                                    {{item.tpbl0013}}
                                </Form-item>
                            </i-col>
                        </Row>
                    </div>
                    <!--审批公示-->
                    <div v-if="(item.tpbl0001=='04'||item.tpbl0001=='07')&&(!item.tpbl0006&&!item.tpbl0007)">
                        <Row>
                            <i-col span="12">
                                <Form-item label="公示开始时间： ">
                                    {{item.tpbl0017}}
                                </Form-item>
                            </i-col>
                            <i-col span="12">
                                <Form-item label="公示结束时间:">
                                    {{item.tpbl0018}}
                                </Form-item>
                            </i-col>
                        </Row>
                        <Row>
                            <i-col span="24">
                                <Form-item label="公示反馈意见： ">
                                    {{item.tpbl0013}}
                                </Form-item>
                            </i-col>
                        </Row>
                    </div>
                    <Row>
                        <i-col span="24">
                            <Form-item label="审批操作： ">
                                {{item.opaction}}
                            </Form-item>
                        </i-col>
                    </Row>
                    <Row v-if="item.tpbl0006">
                        <i-col span="24">
                            <Form-item label="退回原因： ">
                                {{item.tpbl0006}}
                            </Form-item>
                        </i-col>
                    </Row>
                    <Row v-if="item.tpbl0007">
                        <i-col span="24">
                            <Form-item label="终止原因： ">
                                {{item.tpbl0007}}
                            </Form-item>
                        </i-col>
                    </Row>

                    <Row>
                        <i-col span="24">
                            <Form-item label="办理意见： ">
                                {{item.opmemo}}
                            </Form-item>
                        </i-col>
                    </Row>
                </Form>
            </div>
        </div>
    </div>


</template>

<script>
    import ICol from "view-design/src/components/grid/col";
    import {postAction} from '@/api/request'

    export default {
        components: {ICol},
        name: "application-opinions",
        data() {
            return {
                processInstanceId: "",
                opinions: [],

            }
        },
        methods: {
            edit(record) {
                this.processInstanceId = record.processinstid;
                this.getApproveLogMapList(this.processInstanceId);
            },
            getApproveLogMapList(processinstid) {
                postAction("/api/ac/subsistence/ss00000Service/getApproveLogMapList", {
                    processinstid: processinstid
                }).then((res) => {
                    if (res.data.errcode == 0) {
                        var list = res.data.data;
                        for (var i in list) {
                            var optime = list[i].optime;
                            if (optime) {
                                list[i].optime = this.DateFormat(optime, 'YYYY-MM-DD HH:mm:ss');
                            }
                            var tpbl0010 = list[i].tpbl0010;
                            if (tpbl0010) {
                                list[i].tpbl0010 = this.DateFormat(tpbl0010, 'YYYY-MM-DD');
                            }
                            var tpbl0015 = list[i].tpbl0015;
                            if (tpbl0015) {
                                list[i].tpbl0015 = this.DateFormat(tpbl0015, 'YYYY-MM-DD');
                            }
                            var tpbl0017 = list[i].tpbl0017;
                            if (tpbl0017) {
                                list[i].tpbl0017 = this.DateFormat(tpbl0017, 'YYYY-MM-DD');
                            }
                            var tpbl0018 = list[i].tpbl0018;
                            if (tpbl0018) {
                                list[i].tpbl0018 = this.DateFormat(tpbl0018, 'YYYY-MM-DD');
                            }
                        }
                        this.opinions = list;
                    }
                })
            },
        }
    }
</script>

<style scoped>

    #opinions .opinionsTitle {
        background-color: #57a3f3;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: white;
        padding-left: 15px;
    }

    .opinionsTitle span {
        padding-left: 5px;
        padding-right: 5px;
    }

    #opinions .opinionsInfor {
        margin-top: 15px;
        padding-left: 20px;
    }

    /deep/ .ivu-form-item-label {
        padding-right: 20px;
    }

    /deep/ .ivu-form-item {
        margin-bottom: 10px;
    }

</style>
